<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 标题 -->
	<title>我的资料</title>
	<!-- 关键词 -->
	<meta name="keywords" content="" />
	<!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
	<meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
	<!-- 最新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- 时间 -->
	<link rel="stylesheet" href="css/date.css" type="text/css">
	<!-- 提示 -->
	<link rel="stylesheet" href="css/tip.css" type="text/css">
	<!-- 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body id="">
    <div class="doctor-search">
    	<div class="container">
    	    <form action="" role="form" method="get">
	    	    <div class="col-md-10 col-xs-10 search-text">
	    			<input type="text" placeholder="" class="form-control">
	    		</div>
				<div class="col-md-2 col-xs-2 search-button">
	    			<a href="">搜索</a>
	    		</div>
			</form>
    	</div>
    </div>
    <div class="doctor-all">
    	<div class="container">
    		<div class="doctor-list clearfix">
	    		<a href="">
	    			<div class="doctor-avater">
	    				<img src="images/avater.jpg" alt="">
	    			</div>
	    			<div class="doctor-info">
	    				<div class="doctor-name">
	    					李方才<span>主任医师</span>
	    				</div>
	    				<div class="doctor-hospital">
	    					浙江大学医学院附属第二医院
	    				</div>
	    				<div class="doctor-kesi">
	    					骨科
	    				</div>
	    			</div>
	    		</a>
    		</div>
    		<div class="doctor-list clearfix">
	    		<a href="">
	    			<div class="doctor-avater">
	    				<img src="images/avater.jpg" alt="">
	    			</div>
	    			<div class="doctor-info">
	    				<div class="doctor-name">
	    					李方才<span>主任医师</span>
	    				</div>
	    				<div class="doctor-hospital">
	    					浙江大学医学院附属第二医院
	    				</div>
	    				<div class="doctor-kesi">
	    					骨科
	    				</div>
	    			</div>
	    		</a>
    		</div>
    		<div class="doctor-list clearfix">
	    		<a href="">
	    			<div class="doctor-avater">
	    				<img src="images/avater.jpg" alt="">
	    			</div>
	    			<div class="doctor-info">
	    				<div class="doctor-name">
	    					李方才<span>主任医师</span>
	    				</div>
	    				<div class="doctor-hospital">
	    					浙江大学医学院附属第二医院
	    				</div>
	    				<div class="doctor-kesi">
	    					骨科
	    				</div>
	    			</div>
	    		</a>
    		</div>
 
    	</div>
    </div>

	<!-- jQuery文件 -->
	<script src="js/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/date.js" ></script>
    <script src="js/iscroll.js" ></script>
    <script src="js/tip.js" ></script>
    <script type="text/javascript">
        $(function () {
			var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
		        display: 'modal', //显示方式 
		        mode: 'scroller', //日期选择模式
				dateFormat: 'yyyy-mm-dd',
				lang: 'zh',
				showNow: true,
				nowText: "今天",
		        startYear: currYear - 10, //开始年份
		        endYear: currYear + 10 //结束年份
			};

		  	$("#appDate").mobiscroll($.extend(opt['date'], opt['default']));
		  	var optDateTime = $.extend(opt['datetime'], opt['default']);
		  	var optTime = $.extend(opt['time'], opt['default']);
		    $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
        });
    </script>
</body>
</html>